<template>
  <div class="notification-page">
    <div class="el-notification cell">
      <div class="el-notification__group">
        <h2 class="el-notification__title">患者A</h2>
        <div class="el-notification__content">
          <p>患者A申请视频复诊</p>
        </div>
      </div>
    </div>
    <div class="el-notification cell">
      <div class="el-notification__group">
        <h2 class="el-notification__title">患者A</h2>
        <div class="el-notification__content">
          <p>患者A申请视频复诊</p>
        </div>
      </div>
    </div>
    <div class="el-notification cell">
      <div class="el-notification__group">
        <h2 class="el-notification__title">患者A</h2>
        <div class="el-notification__content">
          <p>患者A申请视频复诊</p>
        </div>
      </div>
    </div>
    <div class="el-notification cell">
      <div class="el-notification__group">
        <h2 class="el-notification__title">患者A</h2>
        <div class="el-notification__content">
          <p>患者A申请视频复诊</p>
        </div>
      </div>
    </div>
    <div class="el-notification cell">
      <div class="el-notification__group">
        <h2 class="el-notification__title">患者A</h2>
        <div class="el-notification__content">
          <p>患者A申请视频复诊</p>
        </div>
      </div>
    </div>
    <el-pagination
      small
      background
      layout="prev, pager, next"
      :total="50"
      class="mt-4"
    />
  </div>
</template>
<script>
  export default {
    name: 'NotificationPage',
    data() {
      return {}
    },
  }
</script>
<style lang="scss" scoped>
  .notification-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    .cell {
      width: 250px;
      padding: 14px 26px 14px 13px;
      border-radius: 0px;
      box-shadow: none;
      position: relative;
      margin-bottom: 2px;
    }
  }
</style>
